/*public*/
body { font-family:Arial,Microsoft YaHei,SimSun; font-size: 14px; color:gray; }
@media screen and (max-width:480px) { body{font-size: 12px;} }
ol, ul{list-style:none;}
*{margin: 0; padding: 0;box-sizing:border-box;}
a { text-decoration:none; outline:none; -webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
a:link { color: #FFFFFF; }
a:visited ,a:hover, a:active, a:focus { color: #FFFFFF; }
img{ max-width:100%; height:auto; padding: 0px; margin: 0px; outline:none;}
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}
.bgFull {  background-position: center center;  background-repeat: no-repeat; background-size: cover;  -ms-behavior: url(/plugin/backgroundsize.min.htc);  behavior: url(backgroundsize.min.htc);}
#loading{ background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000;}
#loading img{ position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -27px;}

/* 按钮样式 */
input, button, textarea, select { font-size:100%; outline:none; resize:none;}
input[type="text"]{ border:0;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
input[type="button"]{cursor:pointer; border:0;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
input[type="submit"]{cursor:pointer; border:0;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
input[type="reset"]{cursor:pointer; border:0;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }



/********public*********/
.header{ position:fixed;bottom:0px; left:0px; width: 100%; z-index: 999; }
.header-container{ width: 100%; height:74px; background: rgba(255,255,255,.95); color: #292929;position:relative;}
.header-top{ bottom:auto; top:0px; border-bottom: 1px solid #e3e3e3;}
.header-bottom .header-container{ margin-bottom:1px;}
.header .logo{ float: left; height: 100%; display: inline-block; height: 100%; position: relative; z-index: 2; }
.header .logo img{ height: 100%;}
.menu-button{ display: none; position: absolute; top:0px; right:10px; height:44px; z-index: 2;}
.menu-button img{ height: 100%;}
/*nav*/
.nav{ position: absolute; left:0px; bottom:0px; width: 100%; text-align: center; font-size: 15px; z-index: 1;}
.nav span{ display: inline-block; margin: 0px 12px; height: 74px; line-height: 74px; }
.nav span a{ display: inline-block; color: #292929;}
.nav span:hover a,.nav span.active a{ color: #df3343;}
.topmenu{ float: right; height: 74px; line-height: 74px; padding-right: 15px; position: relative; z-index: 2;}
.topmenu a{ display: inline-block; vertical-align: middle; color: #292929; margin: 0px 3px;}
.topmenu a:hover{ color: #df3343;}
.topmenu span{ display: inline-block; vertical-align: middle; color: #292929;}
.topmenu .icon{ display: inline-block; width: 30px; height: 30px; text-indent:-100000em; cursor: pointer; font-size: 0px; position: relative;}
.topmenu .sina{ background-image: url(../images/common/sina.png);}
.topmenu .sina:hover{ background-image: url(../images/common/sina-hover.png);}
.topmenu .weixin{ background-image: url(../images/common/weixin.png);}
.topmenu .weixin:hover{ background-image: url(../images/common/weixin-hover.png);}
.topmenu .abuy{ background-image: url(../images/common/abuy.png);}
.topmenu .abuy:hover{ background-image: url(../images/common/abuy-hover.png);}
.topmenu .en{height: 22px; line-height: 22px; background: #df3343; color: #fff; border-radius:5px; padding: 0px 12px;}
.topmenu .en:hover{ color: #fff;}
.topmenu .icon:hover span{ display: block;}
.topmenu .icon span{ display: none; position: absolute;  width: 100px; height: 100px;border: 1px solid #aaaaaa; background: #FFFFFF; padding:5px; bottom:38px; left:-35px;}
.topmenu .icon span i{ position: absolute; bottom:-8px; left:44px; display: inline-block; width: 12px; height: 8px; background: url(../images/common/erweima_span.png) no-repeat;}
.header-top .topmenu .icon span{ top:38px; bottom: auto;} 
.header-top .topmenu .icon span i{  bottom:auto; top:-8px;background: url(../images/common/erweima_span2.png) no-repeat;}


.copyright{ padding:8px 15px; width: 100%;  background: rgba(0,0,0,.7); color: #adadad; font-size: 12px; position: relative; z-index: 3;}
.copyright a{ margin: 0px 3px; color: #adadad;}
.copyright a:hover{ color: #e7e7e7;}
.copyright span{ margin-left: 20px;}

@media screen and (max-width: 1350px) {
	.nav{ width:90%;} 
}
@media screen and (max-width: 1240px) {
	.header-container{ height:60px; }
	.nav{ width: 90%; font-size: 12px;}
	.nav span{ margin: 0px 10px; height: 60px; line-height: 60px;}
	.topmenu{ /*padding-top: 20px; */   height: 60px;font-size: 12px;line-height: 60px;}
	.topmenu a{ margin: 0px 2px;}
	.topmenu .icon{ width: 26px; height: 26px;}
}
@media screen and (max-width:1000px) {
	.header-container{ height:44px;}
	.menu-button{ display: block;}
    .nav-phone{ display: none; position: absolute; left: 0px; bottom: 44px; width: 100%; background: #fff;border-bottom: 1px solid #ffe5e7; }
    .nav{ position: relative; height:auto; line-height:auto; margin: 0px; width: 100%;}  
	.nav span{ display: block; text-align: left; margin:0px; padding: 0px 20px; line-height:40px; height: 40px; width: 100%; border-bottom: 1px solid #ffe5e7;}
	.nav span a{ display: block;}
	.nav span:hover a,.nav span.active a{ color: #292929;}
    .nav-phone .topmenu{ position:relative; height: 44px;line-height: 44px;}
    .copyright{ padding:5px 10px; line-height:20px; height:auto;}
	.copyright .link{ display: none;}	
	.copyright span{ margin-left: 0px;}
	.header-top .nav-phone{ bottom:auto; top:45px;}
	.topmenu{ /*padding-top: 12px;*/padding-left: 5px;float: left;height: 40px;line-height: 50px;}
}



/********pop*******/
#video-button{ cursor: pointer;}
.pop{ position:fixed; z-index:9999; background: rgba(0,0,0,.8);  width:100%; height:100%; top:0; left:0;  text-align:center; display: none;}
.pop div{ width: 90%; max-width:750px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; text-align:left; background:#fff; position:relative; }
.pop video{ width: 100%;}
.pop .close{ position:absolute; display: inline-block; top:30px; right:30px; background-image:url(../images/common/lstclose.png); width:35px; height:35px; cursor: pointer;}
.pop div+i{display:inline-block; vertical-align:middle; height:100%;}

@media screen and (max-width:720px) { 
	.pop .close{ right:10px; top:10px; width: 25px; height: 25px;}
}




/*******detail*****/
.page{ border-top:1px solid #e4e4e4; height:90px; line-height: 90px;}
.page .nbt{ float: left;}
.page .nbt a{ margin-right: 10px; color: #242424;}
.page .nbt a:hover{ color: #df3343;}
.page .nbt span{ margin-right: 10px;}
.share{ float: right; color: #b4b4b4;}
.share a{ vertical-align: middle; cursor: pointer; margin-left: 12px; display: inline-block; width:30px; height: 30px; text-indent:-100000em;}
.share .sina{ background-image: url(../images/common/sina.png);}
.share .sina:hover{ background-image: url(../images/common/sina-hover.png);}
.share .weixin{ background-image: url(../images/common/weixin.png);}
.share .weixin:hover{ background-image: url(../images/common/weixin-hover.png);}
.return-top{ display: none; position:fixed; right:0px; bottom:180px; z-index:9999; width: 48px;}

@media screen and (max-width:960px) {
	.page{ height: 60px; line-height: 60px;}
	.return-top{ bottom:110px; }
}


/*******ny*********/
.ny{ position: relative; z-index: 1;}
.background{ position: fixed; width: 100%; height: 100%; z-index: 0;}
.column{ position:fixed; width: 100%; left:0px; background: rgba(0,0,0,.85); text-align: center; z-index: 2;}
.column a{ margin: 0px 5px; transform:skew(-25deg);-ms-transform:skew(-25deg);-moz-transform:skew(-25deg); -webkit-transform:skew(-25deg); -o-transform:skew(-25deg);display: inline-block; height: 52px; line-height:52px; padding: 0px 25px;}
.column a span{ display:inline-block; transform:skew(20deg);-ms-transform:skew(25deg);-moz-transform:skew(25deg); -webkit-transform:skew(25deg); -o-transform:skew(25deg);}
.column a.active{background: #df3343;}
.headline{ text-align: center;}
.headline img{ width: 30%; max-width: 300px;}
.headline2{ text-align: center;padding: 50px 0px;}
.headline2 img{ max-width: 233px; width:25%;}
.theme-text{ font-size: 46px; text-align: center; }
.return{ width: 100%; border-top: 2px solid #f6f6f6; background: #FFFFFF;text-align: center; position: relative; z-index: 1;}
.return a{ display: inline-block; padding:20px; color: #979797;}
.w1006{ max-width: 1006px; width: 100%; margin: 0 auto; padding: 0px 15px; }
.more{ margin-top: 60px; text-align: center;}
.more a{ display: inline-block;}
@media screen and (max-width: 1200px) {
	.column a{ font-size: 12px;}
}
@media screen and (max-width:1000px) {
	.column a{ transform:skew(0deg);-ms-transform:skew(0deg);-moz-transform:skew(0deg); -webkit-transform:skew(0deg); -o-transform:skew(0deg); padding: 0px 20px; }
	.column a span{transform:skew(0deg);-ms-transform:skew(0deg);-moz-transform:skew(0deg); -webkit-transform:skew(0deg); -o-transform:skew(0deg);}
	.theme-text{ font-size: 34px;}
	.return a{ padding: 10px;}
}
@media screen and (max-width:780px) {
	.column a{ margin: 0px; width: 32%; height: 40px;line-height: 40px;padding: 0px 5px; }
	.headline2{padding: 20px 0px;}
	.headline2 img{ width: 32%;}
	.theme-text{ font-size: 20px;}
	.more{ margin-top: 30px;}
	.more img{ width: 20px;}
}
.text-indent {
   text-indent:2em;
}

.clearfix video{
	width:100%;
}